@charset "UTF-8";
@import "./common.scss";
@import "./header.scss";
body{ background:#f9f7f7;}

/*用户中心-我的订单*/
.ucenter-section{@include widthAuto; margin-top: 10px;
    .u-banner{
        img{ width: 100%;}
    }
    .u-menu{ background: #f3f2f2; padding: 10px; margin-top: 18px;
        .massage-con{ padding: 35px 70px; width: 350px; float: left; border-right: 1px #b8b7b7 solid;
            p{ line-height: 56px; border-bottom: 1px #e6e5e5 solid; font-size: 16px;}
        }
        .itmes{ width: 620px; float: left;
            li{ width: 50%; text-align: center; float: left; margin-top: 30px; font-size: 16px;
                span{ display: block;}
            }
        }
    }
    .ucenter-main{ margin-top: 18px; border: 1px #d3d1d1 solid;
        .l-menu{ width: 238px; border-right: 1px #d3d1d1 solid; float: left; padding: 30px 0; position: relative;
            .items{ position: relative; z-index: 10;
                li{ line-height: 60px; height: 60px; 
                    a{ font-size: 18px; display: block;padding-left: 66px;}
                }
                li.cur{
                    a{ color:$white;}
                }
            }
            .l-bg{ height: 65px; z-index: 0; width: 283px; position: absolute; top: 27px; left: -10px; background: url(../img/menu_jiantou_icon.png) repeat;}
        }
        .u-centent{ padding: 40px; width: 810px; float: left; border-left: 1px #d3d1d1 solid; margin-left: -1px;
            .order-table{ width: 100%;
                th{  line-height: 24px; padding: 5px; font-size: 16px;}
                td{ line-height: 22px; padding: 5px; font-size: 16px; text-align: center;}
                .pay-btn{ width: 98px; height: 64px; margin: 0 auto;
                    a{ width: 100%; height: 30px; display: block; text-align: center; background: #f9f7f7; border: 1px #cfb699 solid; line-height: 30px;}
                    a:hover,a.cur{ background: #b31a28; border:1px #b31a28 solid; color: $white; }
                }
            }
            .geren-con{ padding: 0 20px;
                p{ line-height: 50px; font-size: 16px;}
            }
            .mima-con{
                p{ margin-top: 22px; overflow: hidden; height: 56px; padding-left: 150px;
                    span{ line-height: 56px; width: 150px; text-align: right; margin-left: -150px; float: left; font-size: 16px;}
                    .srk{width: 330px; height: 54px; border: 1px #cfcece solid; font-size: 16px; padding-left: 10px;}
                }
                .bc-btn{ text-align: center; margin-top: 30px;
                    a{ width: 190px; height: 64px; text-align: center; line-height: 64px; background: #b31a28; color: $white; display: inline-block; font-size: 16px;}
                }
            }
            .yhq-con{
                .yhq-t{
                    .yhq-t-b{ width: 60%;
                        th{  line-height: 24px; padding: 5px; font-size: 16px;}
                        td{ line-height: 22px; padding: 5px; font-size: 16px; text-align: center;}
                    }
                    .yhq-btn{ width: 100%; text-align: center; padding: 10px 0;
                        a{ width: 185px; height: 44px; line-height: 44px; display: inline-block; background: #b31a28; color: $white; font-size: 16px; }
                    }
                }
                .yhq-b{ margin-top: 20px; border-top: 1px #e9e3d9 solid; padding-top: 20px;
                    h2{ font-size: 20px; margin-bottom:20px;}
                }
            }
        }
    }
}

@import "./footer.scss";